import React, { Component } from 'react';
import { Scroller, Touchable, Carousel, List ,Rating} from '$yo-component';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import './index.scss';
import Footer from '$component/footer/index.js';

class HomePage extends Component {
    render() {
        return (
            <div data-reactroot className="yo-flex">
                <Header title="首页" left={false}/>
                <Scroller extraClass="flex">
                    <div className="m-content">
                  
                    <Carousel>
                    <li className="item"><img className="img" src="//img1.qunarzz.com/qs/1610/a6/01d1ad00e4b9e102.jpg" /></li>  
                    <li className="item"><img className="img" src="//img1.qunarzz.com/qs/1610/a6/01d1ad00e4b9e102.jpg" /></li>  
                    <li className="item"><img className="img" src="//img1.qunarzz.com/qs/1610/a6/01d1ad00e4b9e102.jpg" /></li>  
                    </Carousel>

                    <div className='yo-list yo-list-group'>
                    <h3 className="label">相关个人资料：</h3>
                    <div className="item"><div className="mark">姓名：</div><div className="flex">姜瑶</div></div>
                    <div className="item"><div className="mark">性别：</div><div className="flex">女</div></div>
                    <div className="item"><div className="mark">最高学历：</div><div className="flex">本科</div></div>
                    <div className="item"><div className="mark">工作经历：</div><div className="flex">2年</div></div>
                    <div className="item"><div className="mark">心仪职位：</div><div className="flex">前端应用开发工程师</div></div>
                    <div className="item"><div className="mark">技能自我评测：</div> <Rating value={3.6} readonly={true} /></div>
                    <div className="item"><div className="mark">综合能力自我评测：</div> <Rating value={3.6} readonly={true} /></div>
            
                    </div>
                    
                   
                    
                   


                    </div>
                </Scroller>
               
             <Footer className="yo-tab yo-tab-view"/>
              
            </div>
        )
    }
}

export default HomePage;
